<div class="menu-simple-content">
	<div>
		<div class="menu-simple-text gamepad-item">
			{{language.reading.music.main}}
			<div class="switch{{#if config.readingMusic.play}} a{{/if}}" on="reading.music.setPlay(true)" off="reading.music.setPlay(false)">
				<div></div>
				<svg viewBox="0 0 52 32"><path d="M 8,0 C 3.58,0 0,3.58 0,8 0,12.42 3.58,16 8,16 8,16 8,16 8,16 12.42,16 16,12.42 16,8 16,3.58 12.42,0 8,0 8,0 8,0 8,0 Z"></path></svg>
			</div>
		</div>

		<div class="simple-slider gamepad-item" data-gamepad-left="events.rangeMoveStep(this, -1)" data-gamepad-right="events.rangeMoveStep(this, 1)">
			<div class="simple-slider-text">{{language.reading.music.volume}}<div><span>{{volumePercent}}</span>%</div></div>
			<div class="range">
				<div class="range-position">
					<span class="range-line" style="width: 100%"></span>
					<span class="range-steps"></span>
					<div>
						<div class="range-point" position="100" style="left: 100%;"><div class="elevation-1"></div></div>
					</div>
				</div>
				<input type="range" max="100" min="0" step="1" value="{{volumePercent}}" onrange="reading.music.volume(\{{value}}, \{{toEnd}})">
			</div>
		</div>
	</div>
</div>
